

$main-color:#274FFB;
.el-select{
  width: 100%;
}
.el-table {
  border: 1px solid #D6D8DF;
  thead{
    td, th{
      padding: 8px 0;
      background-color: rgba($color: #3B7EFE, $alpha: 0.2)!important;
      font-size: 12px;
      color: #333333;
      font-weight: bold;
      line-height: 1;
      border-bottom: 0px;
    }
  }
  tbody{
    tr:nth-child(2n){
      background-color: rgba($color: #F0F2F5, $alpha: 0.33)!important;
    }
  }
  .el-table__footer{
    background: #F2F6FC;
    font-weight: bold;
  }
}
.el-table--border td, .el-table--border th{
  border-color: #D6D8DF;
}
.el-button{
  color: #121212;
  &.el-button--primary{
    background-color: $main-color;
    border-color: $main-color;
    color: #FFFF;
    &:hover{
      background-color: rgba($color: $main-color, $alpha: 0.8);
      border-color:rgba($color: $main-color, $alpha: 0.8);
    }
  }
  &.border.primary{
    font-size: 12px;
    color: $main-color;
    border-color: $main-color;
  }
}
.el-button--text{
  color: $main-color;
}
.el-button--text:hover{
  color: $main-color;
}
.el-date-editor {
  .el-range-separator{
    line-height: 1.5;
  }
  .el-range__icon{
    line-height: 1.5;
  }
}
.el-form{
  .el-input{
    max-width: 100%!important;

  }
}
